<%@ page pageEncoding="UTF-8"%>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>业务信息平台.v 0.1 beta</title>
<%@ include file="included/commons.jsp"%>
<jsp:include page="included/commons-static.jsp" />
<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	width: 990px;
	height: 768px;
	font-size: 12px;
}
/*页面层容器*/
#container {
	width: 100%;
	margin-left: 0px;
	margin-top: 0px;
	height: 570px;
}

#header {
	background-color: #fad;
	background-image: url(images/header.jpg);
	height: 23%;
	color: #33d;
}

#pagebody {
	width: 100%; /*设定宽度*/
	margin: 1px auto; /*居中*/
	height: 570px;
	background-color: #CCCCCC;
}

#sidebar {
	background-image: url('images/left-back.gif');
	width: 20%; /*设定宽度*/
	text-align: left; /*文字左对齐*/
	float: left; /*浮动居左*/
	clear: left; /*不允许左侧存在浮动*/
	overflow: hidden; /*超出宽度部分隐藏*/
	border: 1px #000 dashed;
	border-right: 2px #DDE dashed;
	height: 100%;
}

#mainbody {
	border: 1px solid #000;
	border-left: none;
	height: 100%;
	width: 80%;
	text-align: left;
	float: right; /*浮动居右*/
	clear: right; /*不允许右侧存在浮动*/
	margin-left: 0px;
	margin-top: 0px;
	background-color: #fff;
}
#debug {
clear: both;
margin-right: auto;
margin-left: auto;
padding: 0px;
width: 100%;
background: #EEE;
height: 60px;
overflow:auto;
overflow-y:scroll;
}
#toolbar{
     margin-left:0;
     margin-right:0;
     width:100%;     
} 
#contentbody{
     margin-left:0;
     margin-right:0;
     width:100%;     
}
-->
</style>
	<script type="text/javascript" src="${base}javascript/index.js"></script>
	</head>
	<body>
<div id="container">
			<div id="header">
				<!--页面头部-->
				您好<strong>
				${loginuser.localName}
				</strong>欢迎登录,
				&nbsp;职务:<strong>【${loginuser.role.name}】</strong>
				&nbsp;部门:<strong>【${loginuser.department.name}】</strong>
				<label id='dte' style='color: black'></label>
			</div>
			<div id="pagebody">
				<!--页面主体-->
				<div id="sidebar">
					<!--侧边栏-->					
				</div>
				<div id="mainbody">
				  <dir id="toolbar"></dir> 
				  <div id="contentbody"></div>
				</div>
			</div>	
			<div id="debug">footer</div>		
</div>
			
<script language="javascript" type="text/javascript">	
      $(function(){
          doAjaxLink('${param.url}');
      });		
      var hanzi = ['一','二','三','四','五','六','日'];      
	  function showDate(){
	       var 	dte = $("#dte");
	       dte.html(getFormatedDateTime());  
	    
	  }
	  function getFormatedDateTime(){
      var de = new Date();
	  var 	dstring= "";
	  		dstring +=de.getYear()+"年";
	  		dstring +=(de.getMonth()+1)+"月";
	  		dstring +=de.getDate()+"日";
	  		dstring +=de.getHours()+"时";
	  		dstring +=de.getMinutes()+"分";
	  		dstring +=de.getSeconds()+"秒  星期 ";
	  		dstring +=alpha2hanzi(de.getDay());
	  		return dstring;
      }
      
      function alpha2hanzi(num){
         	return hanzi[--num];
      }
      setInterval(showDate,800);  	  
</script>
	</body>
</html>


